	<link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/application/admin/materials/categories/categories.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Admin &rarr; <span>Materials</span> &rarr; <span>Categories</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>
			
			<!-- Categories -->
			<div id="search" class="leading clearfix">

				
							
				<!-- Search Filter -->
				<div class="column width2 first">
					<div class="content-box corners">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Search </h3>
							<span class="right-buttons">
								<img src="<?= $this->config->item('webroot') ?>images/ajax_loader_gray.gif" class="hidden loader" width="24" height="24" alt="" />
							</span> 
						</header>
						<section>
							<div class="box hidden"></div>

							<input type="text" id="field_query" class="full title" value="" />
							<table class="no-style full">
							    <tbody>
								<tr>
								    <td>
									<select class="category1">
										<option>All Categories</option>
										<option>Abrasives</option>
										<option>Cleaning</option>
										<option>Electrical</option>
										<option>Hardware</option>
										<option>Office Equipment</option>
										<option>Power Tools</option>
									</select></td>
								</tr>
								<tr class="hidden category2">
								    <td>
									<select>
										<option></option>
										<option>Breakroom Supplies</option>
										<option>Office Supplies</option>
										<option>Technology</option>
									</select>
								    </td>
								</tr>
								<tr class="hidden category3">
								    <td>
									    <select>
										<option></option>
										<option>Binding Machines</option>
										<option>Calculators</option>
										<option>Computer Cable Adapters</option>
										<option>Computer Screen Filters</option>
										<option>Overhead Projectors</option>
										<option>Paper Shredders</option>
										<option>Printer Ribbons</option>
										<option>Scanners</option>
										<option>Time Cards</option>
										<option>Time Clocks</option>
									</select>
								    </td>
								</tr>
							    </tbody>
							</table>

						</section>
					</div>
				</div>
				<!-- End of Search Filters -->

				
				<!-- Categories Table -->
				<div id="report" class="column width6">
					
					<div class="content-box corners">

						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Categories </h3>
							<span class="right-buttons">
								<img src="<?= $this->config->item('webroot') ?>images/ajax_loader_gray.gif" class="hidden loader" width="24" height="24" alt="" />
							</span>
						</header>
						<section>

							<a id="link_new_material" href="#popup_new_category" class="btn nyroModal new-entry align-right"><span class="icon icon-add">&nbsp;</span>New Category</a>
							
							
							<div class="dataTables_wrapper">

								<div class="inner-width6 first">
									<table id="category_list" class="display stylized full">
										<thead>
											<th class="action-column">&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
										</thead>
										<tbody>
											<tr class="gradeA odd">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a id="link_office_equipment" href="#">Office Equipment</a></td>
												<td><input type="checkbox" /> Needs CEO approval</td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Lighting</a></td>
												<td><input type="checkbox" /> Needs CEO approval</td>
												<td></td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Electrical</a></td>
												<td><input type="checkbox" /> Needs CEO approval</td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Motors</a></td>
												<td><input type="checkbox" checked="checked" /> Needs CEO approval</td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Power Tools</a></td>
												<td><input type="checkbox" checked="checked" /> Needs CEO approval</td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Security</a></td>
												<td><input type="checkbox" /> Needs CEO approval</td>
												<td>&nbsp;</td>
											</tr>





											<tr class="gradeA odd level2 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a id="link_office_supplies" href="#">Office Supplies</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level2 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Breakroom Supplies</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd level2 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Technology</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level2 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Flags</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>





											<tr class="gradeA odd level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Binders</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Bulletin Boards</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Calendars</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Clipboards</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Copier Paper</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Desk Supplies</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Desk Organizers</a></td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even level3 hidden">
												<td><a href="#popup_new_category" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a></td>
												<td><a href="#">Erasers</a></td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
										</tbody>
										<tfoot>
											<th class="action-column">&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
										</tfoot>
									</table>
								</div>
								<!-- End of Report table - Leaves -->


							</div>

						</section>

					</div>
				</div>
				<!-- End of Report Result -->
				
			</div>
			<!-- End of Reports -->
			
		 </div>
		 <!-- End of Wrapper -->
		
	</div>
	<!-- End of Page content -->

	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/admin/materials/categories/categories.js"></script>